<template>
  <div class="not404">
      <div id="show">
        <span class="text-3d" :data-text="item" v-for="(item,index) in Array.from('Error  404')" :key="index">{{item}}</span>
      </div>
    <el-button type="primary" round @click.native="goHome">返回主页</el-button>
  </div>
</template>
<script>
export default {
  name: 'not404',
  data: function () {
    return {}
  },
  created: function () {}, // 创建时
  beforeMount: function () {}, // 挂载之前
  mounted: function () {}, // 挂载之后
  beforeUpdate: function () {}, // 数据更新时调用,在渲染之前
  updated: function () {}, // 数据更新后,渲染后调用(禁止)
  beforeDestroy: function () {}, // 实例销毁前调用,解绑中间层的数据传输
  destroyed: function () {}, // 实例销毁后调用
  methods: {
    goHome () {
      this.$router.push('/info')
    }
  } // 函数
}
</script>
<style lang='scss'>
  @import "../assets/font3D.scss";
  .not404 {
      box-sizing: border-box;
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-around;
    .el-button{
      padding-right: 40px;
      padding-left: 40px;
    }
  }
</style>
